{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{% translate "Deliveries" %}{% endblock %}
{% block topbar %}<span class="muted">{% blocktranslate trimmed with name=user.display_name %}Signed in as {{ name }}{% endblocktranslate %}</span>{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% translate "Deliveries" %}</h1>
    <p>{% if is_today %}{% translate "Today" %}, {% endif %}{{ day|date:"l j F Y" }}</p>
  </div>
  <div class="actions">
    <a class="btn" href="?date={{ prev_day|date:'Y-m-d' }}">{{ prev_day|date:"D j M" }}</a>
    <a class="btn" href="?date={{ next_day|date:'Y-m-d' }}">{{ next_day|date:"D j M" }}</a>
    <a class="btn" href="?date={{ day|date:'Y-m-d' }}&amp;export=csv">{% translate "Download (CSV)" %}</a>
  </div>
</div>

{% include "crm/_announcement_notice.html" %}

<div class="figures">
  <div><span class="n">{{ totals.count }}</span><span class="l">{% translate "Orders to deliver" %}</span></div>
  <div><span class="n">{{ totals.delivered }}</span><span class="l">{% translate "Delivered" %}</span></div>
  <div><span class="n money" style="font-size:1.25rem">{{ totals.received|tzs }}</span><span class="l">{% translate "Total amount received" %}</span></div>
  <div><span class="n money" style="font-size:1.25rem">{{ totals.verified|tzs }}</span><span class="l">{% translate "Of that, verified" %}</span></div>
</div>

{% if orders %}
<ul class="delivery-list">
  {% for o in orders %}
  {% ifchanged o.region %}<li class="delivery-region"><h2>{{ o.region }}</h2></li>{% endifchanged %}
  <li class="delivery{% if o.status == 'delivered' %} done{% endif %}">
    <div class="delivery-main">
      <div class="delivery-top">
        <span class="num">{{ o.number }}</span>
        <span class="pill o-{{ o.status }}">{{ o.get_status_display }}</span>
        {% if o.is_verified %}<span class="pill t-resolved">{% translate "Payment verified" %}</span>{% else %}<span class="pill t-open">{% translate "Payment not verified yet" %}</span>{% endif %}
      </div>
      <h3>{{ o.contact.name }} <a class="phone" href="tel:{{ o.receiver_phone|default:o.contact.phone }}">{{ o.phone_for_delivery }}</a></h3>
      <p class="delivery-where"><strong>{{ o.district }}</strong>, {{ o.address }}</p>
      <p class="small">{% for i in o.items.all %}{{ i.quantity }} × {{ i.name }}{% if not forloop.last %}, {% endif %}{% endfor %}</p>
      {% if o.note %}<p class="small muted">{{ o.note }}</p>{% endif %}
      {% if o.parcel_ticket %}
        <p class="parcel"><span class="small muted">{% translate "Parcel ticket" %}</span> <strong class="num">{{ o.parcel_ticket }}</strong>{% if o.courier %}, {{ o.courier }}{% endif %}</p>
      {% endif %}
      <form method="post" action="{% url 'delivery_parcel' o.pk %}" class="parcel-form">
        {% csrf_token %}<input type="hidden" name="next" value="{{ request.get_full_path }}">
        <label class="sr-only" for="pc{{ o.pk }}">{% translate "Sent with" %}</label>
        <input id="pc{{ o.pk }}" type="text" name="p{{ o.pk }}-courier" value="{{ o.courier }}" placeholder="{% translate 'Sent with (bus or courier)' %}">
        <label class="sr-only" for="pt{{ o.pk }}">{% translate "Parcel ticket number" %}</label>
        <input id="pt{{ o.pk }}" class="num" type="text" name="p{{ o.pk }}-parcel_ticket" value="{{ o.parcel_ticket }}" placeholder="{% translate 'Parcel ticket number' %}" autocomplete="off">
        <button class="btn btn-small" type="submit">{% if o.parcel_ticket %}{% translate "Update ticket number" %}{% else %}{% translate "Save ticket number" %}{% endif %}</button>
      </form>
    </div>
    <div class="delivery-side">
      <div class="small muted">{% translate "Received" %}</div>
      <div class="money">{{ o.amount_received|tzs }}</div>
      {% if o.balance > 0 %}<div class="small esc-note">{% blocktranslate trimmed with amount=o.balance|tzs %}{{ amount }} still to pay{% endblocktranslate %}</div>{% endif %}
      <form method="post" action="{% url 'delivery_update' o.pk %}" class="delivery-actions">
        {% csrf_token %}<input type="hidden" name="next" value="{{ request.get_full_path }}">
        {% if o.status == "pending" %}<button class="btn btn-small" type="submit" name="status" value="out">{% translate "On the way" %}</button>{% endif %}
        {% if o.status != "delivered" %}<button class="btn btn-small btn-primary" type="submit" name="status" value="delivered">{% translate "Delivered" %}</button>
        {% else %}<button class="btn btn-small btn-quiet" type="submit" name="status" value="pending">{% translate "Not delivered after all" %}</button>{% endif %}
      </form>
    </div>
  </li>
  {% endfor %}
</ul>
{% else %}
<div class="panel empty"><strong>{% translate "No deliveries for this day." %}</strong>{% translate "Orders appear here on the day they are due to be delivered." %}</div>
{% endif %}
{% endblock %}